<template>
  <div class="p-4">
    <!-- title -->
    <PageTitle>
      <template #prepend>
        <el-button text class="w-8 mr-1" style="font-size: 24px" @click="back()">
          <svg-icon icon-class="DArrowLeft" />
        </el-button>
      </template>
      {{ $t('menu.M_pass_template') }}
    </PageTitle>

    <!-- <el-tabs v-model="activeName">
      <el-tab-pane :label="$t('modules.pass.membership_card')" name="first"
        ><templateList
      /></el-tab-pane>
      <el-tab-pane :label="$t('modules.pass.coupon')" name="second" />
    </el-tabs> -->
    <templateList/>
  </div>
</template>

<script>
import templateList from './components/templateList.vue'
import PageTitle from '@/components/PageTitle/index.vue'
export default {
  name: 'Operator',
  components: {
    templateList,
    PageTitle
  },
  data() {
    return {
      activeName: 'first'
    }
  },
  mounted() {},
  methods: {
    back() {
        this.$router.push({ path: `/pass-center/index` })
    }
  }
}
</script>
<style lang="scss" scope>
.app-container {
  padding: 20px;
  background: #ffffff;
  border-radius: 8px;

  &--border-none {
    border-radius: 0;
  }
}
.filterLabel {
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
  color: var(--color-gray-10);
}
</style>
<style>
.operatorDrawer .el-overlay {
  background-color: transparent;
}
</style>
